﻿/*  for grid to render widths propertly, need correct font size: 
body, table
{
    font-size: 0.5 em;
    font-family: Verdana;
}
*/
.grid
{
    /*font-size: 11px;    */
    background-color: #fff;
    border-collapse: collapse;
}

table.grid>thead>tr>td
{
    /*background: #555;
    font-size: 10px;
    color: #fff;    
    border-right: 1px solid #fff;
    padding: 2px 11px;
    line-height: 1.2;    
    */    
    border-left: 1px solid lightGrey;
    border-right: 1px solid lightGrey;
    border-bottom: 0px solid lightGrey;
    border-top: 0px solid lightGrey;    
    cursor: move;
    /*font-weight:bold;     this messes up width calculations   */
}

table.grid td
{
    /*  fix for column-header width and alignment. 
        grid works best with smaller fonts ( < 10px, < 0.6em)
        or at 83% zoom.

        expected to be inside of a ui-widget (at 0.75em)
    */
    
    font-size: 0.9em;
    
    padding: 6px 11px;
    border: 1px solid lightGrey;
    vertical-align:middle;
}


table.grid tr.even td
{
    /*background: #ecf6fc;*/
}

table.grid tr:hover td
{
    background:	#E8E8E8 ;
    color: #000000;
    /*background: #404040; color: #FFFFFF; */
    /*background: #C0C0C0;*/
    /*background: #bcd4ec;*/
}
table.grid td.hover
{
    background:	#E8E8E8 ;
    color: #000000;    
}

table.grid tr.selected td
{    
    background: #404040;
    color: #FFFFFF;
}
table.grid tr .ui-selected, table.grid tr .ui-selecteee
{
    background: #404040;
    color: #FFFFFF;
}
/*  scrolling */

